<template>
	<view class="container">
		<TopBtn :title="'预览处方'"></TopBtn>
		<view class="card">
			<view class="title">
				淄博市中心医院
				<view class="time">
					2024.05.22
				</view>
			</view>
			<view class="info">
				<view class="inBlock_50">
					姓名：张然
				</view>
				<view class="inBlock_50">
					性别：女
				</view>
				<view class="inBlock_50">
					科室：中医内科
				</view>
				<view class="inBlock_50">
					年龄：28岁
				</view>
			</view>
		</view>
		<view class="card">
			<view class="title">
				诊断结果
			</view>
			<view class="info">
				<view class="">
					急性唱喉炎、发烧、缺铁性贫由、支气曾涉瑞、甲状腺功能亢进症、咽喉炎、感冒、发烧、缺铁性贫血
				</view>
			</view>
		</view>
		<view class="card">
			<view class="title">
				诊断结果
			</view>
			<view class="info">
				<view class="info">
					<view class="inBlock_33">
						枸杞子10g
					</view>
					<view class="inBlock_33">
						肉桂5g
					</view>
					<view class="inBlock_33">
						南五味子10g
					</view>
					<view class="inBlock_33">
						天冬10g
					</view>
					<view class="usage">
						<view class="usageTitle">
							用法：
						</view>
						<view class="usageText">
							急性唱喉炎、发烧、缺铁性贫由、支气曾涉瑞、甲状腺功能亢进症、咽喉炎、感冒、发烧、缺铁
						</view>
					</view>
					<view class="usage">
						<view class="usageTitle">
							加工：
						</view>
						<view class="usageText">
							急性唱喉炎、发烧、缺铁性贫由、支气曾涉瑞、
						</view>
					</view>
					<view class="usage">
						<view class="usageTitle">
							医嘱：
						</view>
						<view class="usageText">
							1.多喝水，保持身体充足水分 2.饮食规律直清淡，忌烟酒，忌辛辣荦腥 3.少吃油炸、腌制、生冷、麻辣等刺激性食物 4.如有不适
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="card">
			<view class="title">
				医生签字
			</view>
			<view class="info">
				<view class="usage">
					<view class="usageTitle">
						医生：
					</view>
					<view class="usageText">
					</view>
				</view>
			</view>
		</view>
		<view class="card">
			<view class="title">
				备注
			</view>
			<view class="info">
				1、处方有效期为3天;
				2、支持凭本处方到线下药店购药或将本处方上传至其他网上购药平台(如京东、阿里等)找医生抄方后购药;
				3、如需医保报销，您需凭本处方到附近线下实体医院抄方购药
			</view>
		</view>
		<view class="btnBox">
			<view class="updata">
				修改
			</view>
			<view class="add">
				签名提交
			</view>
		</view>
		<view class="kong">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	.kong{
		height: 162rpx;
	}
	.btnBox{
		width: 750rpx;
		height: 162rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		font-weight: 500;
		font-size: 28rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 50rpx;
		view{
			text-align: center;
			line-height: 100rpx;
		}
		.updata{
			width: 218rpx;
			color: #3B6CFE;
			height: 100rpx;
			background: #FFFFFF;
			border-radius: 50rpx;
			border: 1px solid #3B6CFE;
		}
		.add{
			width: 364rpx;
			height: 100rpx;
			background: #3B6CFE;
			border-radius: 50rpx;
		}
	}
	.usage{
		display: flex;
		margin-top: 15rpx;
		.usageTitle{
			width: 90rpx;
		}
		.usageText{
			flex: 1;
		}
	}
	
	.inBlock_33 {
		display: inline-block;
		width: 33%;
		margin-bottom: 15rpx;
	}

	.inBlock_50 {
		display: inline-block;
		width: 50%;
		margin-bottom: 15rpx;
	}

	.card {
		margin: 30rpx auto;
		width: 742rpx;
		min-height: 148rpx;
		background: #FFFFFF;
		padding: 0 30rpx 40rpx;
		box-sizing: border-box;

		.title {
			height: 95rpx;
			font-weight: bold;
			font-size: 34rpx;
			color: #333333;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #eee;

			.time {
				font-weight: 500;
				font-size: 24rpx;
				color: #999999;
			}
		}

		.info {
			margin-top: 30rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
		}
	}
</style>